var type = 0;
var errorText;
$(document).ready(function() {

    phoneInputListener($(".phoneInput"));
    codeInputListener($(".codeInput"));
    codeInputListener($(".codePicInput"));
    passwordInputListener($(".pswInput"));

    setDefaultPhone();

    // fa.find(".codeInput").attr("data-flag", "1");
});

/*为账号登录按钮绑定点击事件*/
$(".account-login").click(function() {
    type = 0;

    $(".login-content").attr("action", "/user-login?type=0");

    var fa = $(this).parent().parent();
    setLoginType(0);
    /*清空验证码输入框*/
    fa.find(".codeInput").val("");
    fa.find(".codeInput").attr("data-flag", "0");
    /*更改免注册登录按钮的css,字体颜色变为 #666,去掉底边框*/
    fa.find(".phone-login").css({ "color": "#666" });
    fa.find(".phone-login").css({ "border-bottom": "none" });
    /*更改账号登录按钮的css,字体颜色变为 #4f6dcf,加上底边框*/
    fa.find(".account-login").css({ "color": "#4f6dcf" });
    fa.find(".account-login").css({ "border-bottom": "2px solid #4f6dcf" });
    /*为下面5个块添加平移动画 : 向下移动*/
    // var array = [fa.find(".bottom-box"), fa.find(".btn"), fa.find(".remember-phone"), fa.find(".code"), fa.find(".psw")];
    // setAnimate(array, { top: "0px" }, 300);

    fa.find(".code").addClass("hide");
    fa.find(".psw").removeClass("hide");

    fa.find(".codeInput").attr("data-flag", "1");

    if (fa.find(".pswInput").prop("value").length > 0)
        fa.find(".pswInput").attr("data-flag", "1");
    else
        fa.find(".pswInput").attr("data-flag", "0");

    /*添加 select: 图片验证慢慢隐藏*/
    fa.find(".get-code").addClass("select");
    /*延时 300毫秒 */
    setTimeout(function() {
        fa.find(".get-code").addClass("hide"); // 隐藏‘获取验证码’按钮
        fa.find(".get-pic-code").removeClass("hide"); // 显示图片验证码
        fa.find(".get-code").removeClass("select"); // 把‘获取验证码’按钮 的opacity set回为1

    }, 300);
    if (fa.find(".phoneInput").val().length == 11) {
        // checkPhoneReq(fa.find(".phoneInput"), checkPhoneReqCallback);
    } else {
        fa.find(".phoneInput").attr("data-flag", "0");
    }
    checkLoginBtn(fa.find(".phoneInput"));
    clearTips(fa);
});
/*为免注册登录按钮绑定点击事件*/
$(".phone-login").click(function() {
    type = 1;
    $(".login-content").attr("action", "/user-login?type=1");
    var fa = $(this).parent().parent();
    setLoginType(1);
    hideErrorTips($(".errorPhoneTips"));
    /*清空验证码输入框*/
    fa.find(".codeInput").val("");
    fa.find(".codeInput").attr("data-flag", "0");
    /*更改账号登录按钮的css,字体颜色变为 #666,去掉底边框*/
    fa.find(".account-login").css({ "color": "#666" });
    fa.find(".account-login").css({ "border-bottom": "none" });
    /*更改免注册登录按钮的css,字体颜色变为 #4f6dcf,添加底边框*/
    fa.find(".phone-login").css({ "color": "#4f6dcf" });
    fa.find(".phone-login").css({ "border-bottom": "2px solid #4f6dcf" });
    // var array = [fa.find(".bottom-box"), fa.find(".btn"), fa.find(".remember-phone"), fa.find(".code"), fa.find(".psw")];
    /*为下面5个块添加平移动画 : 向上移动 52px*/
    // setAnimate(array, { top: "-52px" }, 300);

    fa.find(".code").removeClass("hide");
    fa.find(".psw").addClass("hide");
    fa.find(".psw").attr("data-flag", "1");

    // $(".login-box").animate({ height: "-52px" }, 300);

    fa.find(".pswInput").attr("data-flag", "1");

    /*添加 select: '获取验证码'按钮慢慢隐藏*/
    fa.find(".get-pic-code").addClass("select");
    /*延时 300毫秒 */
    // fa.find(".get-pic-code").addClass("hide"); // 隐藏图片验证码
    fa.find(".get-code").removeClass("hide"); // 显示‘获取验证码’按钮
    fa.find(".get-pic-code").removeClass("select"); // 把‘图片验证码 的opacity set回为1

    fa.find(".pswInput").attr("data-flag", "1");
    clearTips(fa);
    if (fa.find(".phoneInput").val().length = 11) {
        fa.find("button").css("background-color", "#4f6dcf");
        fa.find("button").css("cursor", "pointer");
    }
    checkLoginBtn(fa.find(".phoneInput"));
});

function clearTips(fa) {
    hideErrorTips(fa.find(".errorCodeTips"));
    hideErrorTips(fa.find(".errorPswTips"));
    hideErrorTips(fa.find(".errorPhoneTips"));
}

var getCodeCallback = function(datas) {
    if(datas.status == 1011){
        showErrorTips($(".errorPicCodeTips"), datas.msg);
    }else{
        showErrorTips($(".errorCodeTips"), datas.msg);
    }
}

$(".get-code").click(function(e) {
    var fa = $(this).parent().parent();
    var pageType = "1";
    var tag = $(this).parent().parent().attr("data-tag");
    if (tag == "login") { //login
        pageType = "1";
    } else if (tag == "register") { // register
        pageType = "4";
    } else if (tag == "forget") { // forget
        pageType = "2";
    }
    if (checkPhone(fa.find(".phoneInput")) ) {

        if (fa.find(".codePicInput").prop("value").length == 0) {
            showErrorTips(fa.find(".errorPicCodeTips"), "请填写验证码");
        }else{
            getSmsCode($(this), fa.find(".phoneInput").prop("value"), fa.find(".codePicInput").prop("value"), pageType, getCodeCallback);
        }
    }
    e.preventDefault();
});

/*为图片验证码 按钮 绑定点击事件*/
$(".get-pic-code").click(function() {
    createCaptcha($(this));
});

/*为‘记住手机号’按钮绑定change监听事件*/
$(".radio-input").change(function() {
    if ($(this).prop("checked")) //选中
        $(".radio-img").prop("src", "../../includes/images/img_radio_select.png"/*tpa=http://www.quyundong.com/gosport/includes/images/img_radio_select.png*/);
    else //未选中
        $(".radio-img").prop("src", "../../includes/images/img_radio_defult.png"/*tpa=http://www.quyundong.com/gosport/includes/images/img_radio_defult.png*/);
});

function setDefaultPhone() {
    if (getCookie("check-phone") != null) {
        $(".phoneInput").val(getCookie("check-phone"));
        $(".phoneInput").attr("data-flag", "1");
        $(".radio-input").prop("checked", "true");
        $(".radio-img").prop("src", "../../includes/images/img_radio_select.png"/*tpa=http://www.quyundong.com/gosport/includes/images/img_radio_select.png*/);

        $(".get-code").css("background-color", "#4f6dcf");
        $(".get-code").css("cursor", "pointer");
    }
}
